// JavaScript Document
$(document).ready(function(e) {
	

//轮播图（轮播宽度，图片，图片的上级层，导航，左按钮，右按钮，频率）
setpic(800,".leftMB span img",".leftMB span",".leftMB ul li",'#leftBtn','#rightBtn',3000);
//点击切换效（按钮名称）
setclick('.S1left h3 ul li');
setclick('.S1left h3 ol li');
setclick('.rightlayer h3 span');
show('.Clogo em','span');
setclick('.Csxlistcon .menu a')

//点击显示隐藏(按钮，隐藏的内容)
settoggle('.RLmain .classify h4 b','.RLmain .classify p')
settoggle('.content form input[type="button"]','.content form .nohtml .cityLayer')
//mainnav
$('.mainnav').click(function(){
	$(this).find('dl').slideToggle();
	})
//
$('.Lgoods .nav li').click(function(){
	var index=$('.Lgoods .nav li').index($(this));
	$('.Lgoods .window img').eq(index).show().siblings().hide();
	})
//社区论坛页面大切换
$('.menu1 li').click(function(){
	$(this).addClass('click').siblings().removeClass('click');
	var index=$('.menu1 li').index($(this));
	$('.Csxlistcon>div').eq(index).show().siblings().hide();
	})
//社区论坛页面城市下拉
$('.city ul li').mouseover(function(){
	$(this).addClass('click').siblings().removeClass('click');
	$(this).find('.citycon').show();
	$(this).siblings().find('.citycon').hide()
	})
$('.city ul li').mouseleave(function(){
	$(this).find('.citycon').hide()
	})

//休闲票务详情页
$('.Lgoods .nav .ul ul').width(92*$('.Lgoods .nav .ul ul li').length)
$('.content .nav ul li').click(function(){
	$(this).addClass('hover').siblings().removeClass('hover');
	var index=$('.content .nav ul li').index($(this));
	$('.content .con>div').eq(index).show().siblings().hide();
	})
	var ulindex=0,imglenght=$('.Lgoods .nav .ul ul img').length;
$('.Lgoods .nav .RLbtn').click(function(){
	if(ulindex<imglenght-1){
	ulindex++;
	$('.Lgoods .nav .ul ul').animate({'margin-left':-ulindex*92},500)}
	})
$('.Lgoods .nav .Lbtn').click(function(){
	if(ulindex>0){
	ulindex--;
	$('.Lgoods .nav .ul ul').animate({'margin-left':-ulindex*92},500)}
	})
//个人中心左侧导航
$('.Lnav dt').click(function(){
	$(this).parent().find('dd').slideToggle();
	})
//个人中心弹出层
$('.box.add').click(function(){
	$('.addhuman h3').html('新增联系人');
	$('.human.tongxundizhi .addhuman h3').html('新增地址');
	$('.addhuman').fadeIn(500)
	})
$('.human .addhuman .con .close').click(function(){
	$('.addhuman').fadeOut(500)
	})
$('input[value="删除"]').click(function(){
	$(this).parent().parent().fadeOut(500);
	})
$('input[value="编辑"]').click(function(){
	$('.addhuman h3').html('编辑联系人');
	$('.human.tongxundizhi .addhuman h3').html('编辑地址');
	$('.addhuman').fadeIn(500);
	})
$('input[value="取消"]').click(function(){
	$('.addhuman').fadeOut(500);
	})
//下拉菜单样式
$('.select').click(function(){
	$(this).find('dd').slideToggle();
	$(this).find('dt i').toggleClass('hover');
	$(this).find('dt').toggleClass('hover');
	})
$('.select').mouseleave(function(){
	$(this).find('dd').hide();
	$(this).find('dt i').removeClass('hover');
	$(this).find('dt').removeClass('hover');
	})	
//显示隐藏
function show(THIS,FIND){
	$(THIS).hover(function(){
		$(this).find(FIND).slideToggle();
		})
	
	}
	
function show2(THIS,FIND){
	$(THIS).click(function(){
		$(this).find(FIND).slideToggle();
		})
	}
//点击切换效果方法
function setclick(NAV){ 
	$(NAV).click(function(){
		$(this).addClass('hover').siblings().removeClass('hover')
		})
}
//轮播图方法
function setpic(WIMG,IMG,PIC,NAV,lBTN,RBTN,TIME){
	var index=0,
		timer,
		abc;
	var navlength=$(NAV).length
	$(PIC).width(WIMG*navlength)
	$(NAV).mouseover(function(){
		clearInterval(timer);
		abc=$(NAV).index($(this));
		img(abc);
		})
	$(PIC).hover(function(){
		clearInterval(timer)
		},function(){
		timer=setInterval(function(){
		index++;
		if(index== $(NAV).length){
			index=0;
			}
		img(index)
		},TIME)	
		}).trigger("mouseleave")
	$(PIC).parent().hover(function(){
		$(lBTN).toggle();
		$(RBTN).toggle();
		})
	$(RBTN).click(function(){
		clearInterval(timer);
		if(abc<navlength-1){
			abc++
			}else{
				abc=0;
				}
		img(abc)
		})
	$(lBTN).click(function(){
		clearInterval(timer);
		if(abc>0){
			abc--;
		}else{
			abc=navlength-1;
			}
		img(abc)
		})
	function img(index){
		$(NAV).eq(index).addClass("hover").siblings().removeClass("hover")
		$(PIC).stop().animate({"left":-WIMG * index},500)
		}
	}

/*设置显示隐藏*/
function settoggle(THIS,SHOW){
	$(THIS).click(function(){
		$(this).toggleClass('click');
		$(SHOW).toggle();
		})
}
	
//设置滑动
function setanimate(){}

$('.RLmain .btn').click(function(){
	$('rightlayer').animate({'right':'-275'},500)
	})
	
//票务详情页
$('.xcsmhtml').html('<div class="xcsm">'+$('.xcsm').html()+'</div>')
$('.fysmhtml').html('<div class="fysm">'+$('.fysm').html()+'</div>')
$('.cptjhtml').html('<div class="cptj">'+$('.cptj').html()+'</div>')
$('.ydxzhtml').html('<div class="ydxz">'+$('.ydxz').html()+'</div>')
$('.jtxxhtml').html('<div class="jtxx">'+$('.jtxx').html()+'</div>')
$('.ykdphtml').html('<div class="ykdp">'+$('.ykdp').html()+'</div>')


//登陆
$('#login .window .close').click(function(){
	$('#login').hide();
	})


//我的收藏
$('.hot .window .pic').width($('.hot .window .pic dl').length*285)
var hotindex=0
$('.hot .Lbtn').click(function(){
	if(hotindex<0)
	hotindex++;
	$('.hot .window .pic').animate({'left':hotindex*285},500)
	})
$('.hot .Rbtn').click(function(){
	if(hotindex>-$('.hot .window .pic dl').length+3)
	hotindex--;
	$('.hot .window .pic').animate({'left':hotindex*285},500)
	})
	
//换页效果详细
//number(20)//在这里传参

//这里是我封装的函数，所有的js都在里面
/*function number(NUM){
	var number=NUM;
	
	//这段话是循环li的，如果你要在li上加功能，需要直接循环出来。
	var txt='';
		txt+='<ul><div class="Lbtn">上一页</div><li class="click">1</li><span>……</span>'
		for(var i=2;i<number-1;i++){
			txt+='<li>'+i+'</li>'
			}
		txt+='<span>……</span>';
		txt+='<li>'+number+'</li>'
		txt+='<div class="Rbtn">下一页</div></ul></div>'
	$('.Bnav').html(txt)
		
		
		
	var page=0;
	var Sindex=$('.Bnav ul span').index($(this));
	var Plength=$('.Bnav ul li').length;
	var li=$('.Bnav ul li');
	var span=$('.Bnav ul span');
	var Pindex=$('.Bnav ul li').index($(this));
	var index1=0;
	
	li.hide();
	span.first().hide();
	li.eq(Plength-1).show();
	for(var i=0;i<5;i++){
		li.eq(i).show();
		}//默认样式
		
		
	li.click(function(){
		Pindex=li.index($(this));
		nav(Pindex)
		})//点击导航
	$('.Bnav ul .Lbtn').click(function(){
		if(Pindex>0)
		Pindex--;
		nav(Pindex)
		})//这个是左部按钮点击
	$('.Bnav ul .Rbtn').click(function(){
		if(Pindex==-1){Pindex=0}
		if(Pindex<Plength-1)
		Pindex++;
		nav(Pindex)
		})//右部按钮点击
		
	function nav(Pindex){//封装函数（定义了三种状态）
		li.eq(Pindex).addClass('click').siblings().removeClass('click');//这句是为li添加点击的效果
		if(Pindex<4){//第一种状态，当前选中按钮小于5的时候
			li.hide();
			span.show();
			span.first().hide();
			li.eq(Plength-1).show();
			for(var i=0;i<5;i++){
				li.eq(i).show();
				}
			}else{
				if(Pindex>3){//第二种状态，当前选中按钮大于5并且小于倒第5个数的时候
					span.show();
					li.hide();
					li.first().show();
					li.eq(Plength-1).show();
					li.eq(Pindex).show();
					li.eq(Pindex-1).show();
					li.eq(Pindex-2).show();
					li.eq(Pindex+2).show();
					li.eq(Pindex+1).show();
					if(Pindex>Plength-5){//第三种状态，最后5个数
						li.hide();
						span.hide();
						span.first().show();
						li.first().show();
						for(var i=Plength-1;i>Plength-6;i--){
							li.eq(i).show();
							}
						}
					}
				}
		}
		
	
	
	}*/
//选择
	$('.select dd strong').click(function(){
		var html=$(this).parent().parent().find('dt span'),
			thishtml=$(this).html();
		html.html(thishtml);
		})//点击dd下strong的内容改变dt内容
	$('div').delegate('.select dd strong','click',function(){
		var html=$(this).parent().parent().find('dt span'),
			thishtml=$(this).html();
		html.html(thishtml);});//解决动态数据无法绑定事件的bug； 
	function test(THIS){
		    var a1 ="<strong>01</strong><strong>02</strong><strong>03</strong>";
         	var a2 ="<strong>04</strong><strong>05</strong><strong>06</strong>";
         	var a3 ="<strong>07</strong><strong>08</strong><strong>09</strong>";
         	var a4 ="<strong>10</strong><strong>11</strong><strong>12</strong>"; 
			$(THIS).html(a1+a2+a3+a4);
			var parent=$(THIS).parent().find('dt span');
			var firsthtml=$(THIS).find('strong').first().html();
			parent.html(firsthtml)
			
		};//封装函数
	$('#a strong').click(function(){
		test('#b')
		})//点击a 换b的数据
		
//社区页面
$('.content form p i img').click(function(){
	$(this).parent().hide();
	})
	
//隔五个dl去一次边界
css0('.groCon .friList dl',-1,5,'padding','0')
css0('.timeZlist .friList dl',-1,5,'padding','0')

function css0(obj,start,step,pro,val){
	var TFD=$(obj);
	for(var i=start;i<=TFD.length;i+=step){
		TFD.eq(i).css(pro,val)
		}
	}
	
var TGD=$('.timeZlist .groList dl');
for(var i=0;i<=TGD.length;i+=4){
	TGD.eq(i).css('margin-left','0')
	}
	
//鼠标经过显示
$('.friList dl').mouseover(function(){
	$(this).find('dt span').show();
	$(this).siblings().find('dt span').hide();
	})
	
//弹出层
var Theight=$(window).height()/2-200
$('.friLayer .window').css("top",Theight)
$('.friLayer .window .close ').click(function(){
	$('.friLayer').hide();
	})
$('.friList dl.add').click(function(){
	$('.friLayer').show();
	})
	
//个人中心弹出层
$('.money input[value="充值"]').click(function(){
	$('.friLayer.chongzhi').fadeIn(500)
	})
$('.money input[value="转让"]').click(function(){
	$('.friLayer.zhuanrang').fadeIn(500)
	})
	
$('.ticket .c3 input[type="button"]').click(function(){
	$('.detelayer').show();
	})
$('.detelayer td').click(function(){
	$('.detelayer').hide();
	$('.ticket .c3 ').hide();
	$('.ticket .c31').show();
	$('.ticket .c5').show();
	})
$('.ticket .c31 input[type="button"]').click(function(){
	$('.detelayer').show();
	})
	
	
	
$('.mapimg .layer h3 i').click(function(){
	$(this).parent().parent().hide();
	})
	
	
	
	
	
	
	
	
	
	
	
	
	
	
});







































